<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" type="image/png" href="public/images/favicon.ico"/>
    <title>myFrame</title>

    <link href="public/css/bootstrap.min.css" rel="stylesheet">
    <link href="public/css/font-awesome.min.css" rel="stylesheet">
    <link href="public/plugins/waves-0.7.5/waves.css" rel="stylesheet"/>
    <link href="public/css/index/animate.css" rel="stylesheet">
    <link href="public/css/index/style.css" rel="stylesheet">
    <link href="public/css/index/ry-ui.css" rel="stylesheet">
    <link href="public/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.css" rel="stylesheet">
    <link href="public/css/index/admin.css" rel="stylesheet"/>

</head>

<body class=" full-height-layout">
<div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation">



        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <header-component></header-component>

                <li class="info">
                    <a href="#" style="padding: 10px 20px 10px 15px;background-color: rgb(167, 170, 171)">
                    	<i class="fa fa-paper-plane-o"></i><span class="nav-label">个人中心</span><span
                            class="fa updown"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li><a href="adv/advScheduleCalendar.html" data-index="1" class="menuItem">
	                            <i class="fa fa-file-code-o"></i> advScheduleCalendar
	                        </a>
                        </li>
                    </ul>
                </li>
                <menu-item :item="item" v-for="item in menuList"></menu-item>
            </ul>
        </div>
    </nav>


    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa bars"></i>
                    </a>
                    <a class="minimalize-styl-2 btn tabReload" href="#"><i class="fa fa-refresh"></i> </a>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">Welcome to MyFrame</span>
                    </li>
                    
                    <li class="dropdown">
                        <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                            <i class="fa fa-bell"></i> <span class="label label-primary">8</span>
                        </a>
                        <ul class="dropdown-menu dropdown-alerts">
                            <li>
                                <a href="mailbox.html">
                                    <div>
                                        <i class="fa fa-envelope fa-fw"></i> You have 16 messages
                                        <span class="pull-right text-muted small">4 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="profile.html">
                                    <div>
                                        <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                                        <span class="pull-right text-muted small">12 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="grid_options.html">
                                    <div>
                                        <i class="fa fa-upload fa-fw"></i> Server Rebooted
                                        <span class="pull-right text-muted small">4 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="text-center link-block">
                                    <a href="notifications.html">
                                        <strong>See All Alerts</strong>
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </li>


                    <!-- <li>
                         <a href="login.html">
                             <i class="fa fa-sign-out"></i> Log out
                         </a>
                     </li>-->
                    <!--<li>
                        <a class="right-sidebar-toggle">
                            <i class="fa fa-tasks"></i>
                        </a>
                    </li>-->
                    <!-- <li>
                         <a class="right-sidebar-toggle">
                             <i class="fa fa-navicon"></i>
                         </a>
                     </li>-->
                    <li class="dropdown">
                        <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                            <i class="him-icon zmdi zmdi-more-vert"></i>
                        </a>
                        <ul class="dropdown-menu dm-icon pull-right">
                            <li>
                                <a  class="waves-effect" @click='logout'><i class="zmdi zmdi-run"></i> {{pageData.logOut}}</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <div class="row content-tabs">
            <button class="roll-nav roll-left tabLeft">
                <i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs menuTabs">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active menuTab home" data-id="home">
                        <i class="fa fa-home fa-lg"></i>
                    </a>
                </div>
            </nav>
            <button class="roll-nav roll-right tabRight">
                <i class="fa fa-forward"></i>
            </button>
        </div>

        <div class="row mainContent" id="content-main">
            <iframe class="my_iframe" name="iframe0" width="100%" height="100%" data-id="home"
                    src="https://www.baidu.com" frameborder="0" seamless></iframe>
        </div>
    </div>


</div>

<script src="public/libs/jquery.min.js"></script>
<script src="public/libs/vue.min.js"></script>
<!-- Mainly scripts -->
<script src="public/libs/bootstrap.min.js"></script>
<script src="public/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="public/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="public/libs/BootstrapMenu.min.js"></script>
<!-- Custom and plugin javascript -->
<script src="public/libs/inspinia.js"></script>
<!-- jQuery UI -->
<script src="public/plugins/waves-0.7.5/waves.js"></script>
<script src="public/plugins/layer/layer.js"></script>

<script src="public/js/component/index.js"></script> 
<script src="public/js/baseConfig.js"></script>
<script src="public/js/common/i18n.js"></script>
<script src="public/js/common/common.js"></script>
<script src="public/js/index.js"></script>

</body>
</html>
